Bootstrap环境搭建

您所在的位置：网站首页 › bootstrap vue 官网 › Bootstrap环境搭建

Bootstrap环境搭建

2023-03-20 10:17| 来源: 网络整理| 查看: 265

方法一&＃xff1a;引入官网下载的资源包

步骤&＃xff1a;

下载bootStrap相关资料&＃xff1a;https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip

解压&＃xff1a;后有三个核心文件

css&＃xff1a;bootstrap核心css文件 bootstrap.css&＃xff1a;核心cssbootstrap.min.css&＃xff1a;压缩css fonts&＃xff1a;用来存放bootstrap字体图标的文件夹js&＃xff1a; bootstrap.js&＃xff1a;是bootstrap核心jsbootstrap.min.js&＃xff1a;压缩js

将bootstrap文件夹全部放入项目中

页面使用bootstrap

meta name&＃61;"viewport" content&＃61;"width&＃61;device-width, initial-scale&＃61;1"> 移动设备优先&＃xff0c;获得更好的响应式支持link rel&＃61;"stylesheet" href&＃61;"../boot/css/bootstrap.min.css">

方法二&＃xff1a;直接在页面引入&＃xff1a;官方提供的链接。

link rel&＃61;"stylesheet" href&＃61;"https://cdn.jsdelivr.net/npm/bootstrap&＃64;3.3.7/dist/css/bootstrap.min.css" integrity&＃61;"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va&＃43;PmSTsz/K68vbdEjh4u" crossorigin&＃61;"anonymous">link rel&＃61;"stylesheet" href&＃61;"https://cdn.jsdelivr.net/npm/bootstrap&＃64;3.3.7/dist/css/bootstrap-theme.min.css" integrity&＃61;"sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin&＃61;"anonymous">script src&＃61;"https://cdn.jsdelivr.net/npm/bootstrap&＃64;3.3.7/dist/js/bootstrap.min.js" integrity&＃61;"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin&＃61;"anonymous">script> 注意点&＃xff1a;

Bootstrap的css、js有些组件有依赖关系。Bootstrap的所有Javascript插件都依赖 jQuery &＃xff08;也就是说&＃xff0c;jQuery必须在所有插件之前引入页面&＃xff09;。

Bootstrap’s Javascript requires jQuery version 1.9.1 or higher, but lower than version 4 意思是说&＃xff1a;Bootstrap的Javascript插件需要依赖的jQuery版本为 1.9.1获更高&＃xff0c;但不超过版本4。

【本文地址】

Bootstrap环境搭建

Bootstrap环境搭建

今日新闻

推荐新闻